import styled from "styled-components";

import jiaozhun_zhunbei_neirong_bg from "../../../../assets/image/LaneMonitoring/jiaozhun_zhunbei_neirong_bg.png";
import kaishijiaozhun_text from "../../../../assets/image/LaneMonitoring/kaishijiaozhun_text.png";
import jinggao from "../../../../assets/image/LaneMonitoring/jinggao.png";

export const JiaozhunZhunbeiBox = styled.div`
  background: url(${jiaozhun_zhunbei_neirong_bg});
  background-size: 100% 100%;
  width: 71.2rem;
  height: 38.5rem;
  margin: 0 auto 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  .jiaozunZhunbei_title {
    background: url(${kaishijiaozhun_text});
    background-size: 100% 100%;
    width: 25.2rem;
    height: 24.4rem;
    margin-top: 3rem;
  }
  .jiaozunZhunbei_content {
    display: flex;
    align-items: center;
    width: 61.6rem;
    height: 4rem;
    background: rgba(17, 41, 76, 0.38);
    border-radius: 0.4rem;
    border: 0.1rem solid rgba(61, 95, 144, 0.38);
          font-family: MiSans;
      font-weight: 400;
      font-size: 1.4rem;
      color: #92b2d0;
    .jiaozunZhunbei_content_icon {
      background: url(${jinggao});
      background-size: 100% 100%;
      width: 1.8rem;
      height: 1.8rem;
      margin-left: 1.2rem;
      margin-right: 0.9rem;

    }
  }
`;
